<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Lord Ford</title>
		<link rel="shortcut icon" href="images/favicon.png">

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet">

		<!-- Slider Revolution CSS -->
		<link href="css/jquery.revolution.css" rel="stylesheet">

		<!-- Owl Carousel stylesheet -->
		<link href="css/owl.carousel.css" rel="stylesheet">

		<!-- Owl Carousel Default Theme -->
		<link href="css/owl.theme.css" rel="stylesheet">

		<!-- Fancybox -->
		<link href="css/jquery.fancybox.css" rel="stylesheet">

		<!-- Google Fonts -->
		<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Bree+Serif" rel="stylesheet">

		<!-- Font Awesome Icons -->
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.2/css/font-awesome.css" rel="stylesheet">

	</head>
	<body>

		<!-- Fixed navbar -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"><img src="images/logoLF.png" alt="Perfekta. Multipurpose Site Theme." class="img-responsive" /></a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
					
					
						<li class="dropdown">
							<li><a href="index.html">Home</a></li>
						</li>
						
						
						<li class="dropdown">
							<li><a href="about.html">About Us</a></li>
						</li>
						
						
					
						
						
						<li class="dropdown">
							<li><a href="shop.html">Our Products</a></li>
						</li>
						
						
						
						
					
						
						<li class="dropdown">
							<li><a href="contact.html">Contact Us</a></li>
						</li>
						
						
					</ul>
				</div><!--/.nav-collapse -->
			</div><!--/.container -->
		</div><!--/.navbar -->

		<!-- Banner Start -->
		<div class="fullwidthbanner-container">
			<div class="fullwidthbanner">
				<ul>

					<!-- Slide 1 -->
					<li data-transition="fade">
						<img src="images/banner.jpg" alt="" />

						<!-- Layer 1 -->
						<div class="tp-caption sfb big yellow"
							data-x="30"
							data-y="120"
							data-speed="500"
							data-start="200"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Welcome To Lord Ford
						</div>

						<!-- Layer 2 -->
						<div class="tp-caption sfb medium white"
							data-x="90"
							data-y="230"
							data-speed="500"
							data-start="300"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Multipurpose &amp; Fully Responsive
						</div>

						<!-- Layer 3 -->
						<div class="tp-caption sfb medium white"
							data-x="150"
							data-y="310"
							data-speed="500"
							data-start="400"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Site Theme
						</div>

						<!-- Layer 4 -->
						<div class="tp-caption sfb small black"
							data-x="210"
							data-y="405"
							data-speed="500"
							data-start="500"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<a href="/features.html">Find Out More</a>
						</div>

					</li>
				
					<!-- Slide 2 -->
					<li data-transition="fade">
						<img src="images/banner.jpg" alt="" />

						<!-- Layer 1 -->
						<div class="tp-caption sfr big yellow"
							data-x="900"
							data-y="120"
							data-speed="500"
							data-start="200"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Responsive Design
						</div>

						<!-- Layer 2 -->
						<div class="tp-caption sfr medium white"
							data-x="840"
							data-y="230"
							data-speed="500"
							data-start="300"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							It always looks great
						</div>

						<!-- Layer 3 -->
						<div class="tp-caption sfr medium white"
							data-x="780"
							data-y="310"
							data-speed="500"
							data-start="400"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							on all mobile devices
						</div>

						<!-- Layer 4 -->
						<div class="tp-caption sfr small black"
							data-x="720"
							data-y="405"
							data-speed="500"
							data-start="500"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<a href="http://themeforest.net/user/Coffeecream">Buy This Theme</a>
						</div>

					</li>

					<!-- Slide 3 -->
					<li data-transition="fade">
						<img src="images/banner.jpg" alt="" />

						<!-- Layer 1 -->
						<div class="tp-caption sfl big yellow"
							data-x="30"
							data-y="120"
							data-speed="500"
							data-start="200"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Built on Boostrap
						</div>

						<!-- Layer 2 -->
						<div class="tp-caption sfl medium white"
							data-x="90"
							data-y="230"
							data-speed="500"
							data-start="300"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							means Fully Responsive
						</div>

						<!-- Layer 3 -->
						<div class="tp-caption sfl medium white"
							data-x="150"
							data-y="310"
							data-speed="500"
							data-start="400"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							with plenty of options
						</div>

						<!-- Layer 4 -->
						<div class="tp-caption sfl small black"
							data-x="210"
							data-y="405"
							data-speed="500"
							data-start="500"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<a href="/features.html">Read more</a>
						</div>

					</li>
				
					<!-- Slide 4 -->
					<li data-transition="fade">
						<img src="images/banner.jpg" alt="" />

						<!-- Layer 1 -->
						<div class="tp-caption sft big yellow"
							data-x="900"
							data-y="120"
							data-speed="500"
							data-start="200"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Revolutions Slider
						</div>

						<!-- Layer 2 -->
						<div class="tp-caption sft medium white"
							data-x="840"
							data-y="230"
							data-speed="500"
							data-start="300"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Unlimited transitions
						</div>

						<!-- Layer 3 -->
						<div class="tp-caption sft medium white"
							data-x="780"
							data-y="310"
							data-speed="500"
							data-start="400"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							Unlimited images and colors
						</div>

						<!-- Layer 4 -->
						<div class="tp-caption sft small black"
							data-x="720"
							data-y="405"
							data-speed="500"
							data-start="500"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<a href="http://themeforest.net/user/Coffeecream">Purchase</a>
						</div>

					</li>

				</ul>
			</div>
		</div>
		<!-- Banner End -->

		<div class="container">

			<!-- Services Start -->
			<div class="row text-center services">
				<div class="col-sm-4 services-item">
					<p class="brand-primary"><i class="fa fa-arrows-alt fa-4x"></i></p>
					<h3>About Lord Ford</h3>
					<p>With more than 10 years on the field Lord Ford offers customers more than 20,000 products, consisting of all types brands.</p>
				</div>
				<div class="col-sm-4 services-item">
					<p class="brand-primary"><i class="fa fa-cogs fa-4x"></i></p>
					<h3>Booking Your Product Online</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus nibh, vulputate eu diam non, sodales tincidunt ligula.sodales tincidunt ligula .<br/><br/><a href="#" class="btn btn-primaryBlue btn-lg">book now</a></p>
				</div>
				<div class="col-sm-4 services-item">
					<p class="brand-primary"><i class="fa fa-html5 fa-4x"></i></p>
					<h3>Delivery service</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus nibh, vulputate eu diam non, sodales tincidunt ligula. Pellentesque molestie nisl in dolor gravida commodo.</p>
				</div>
			
			</div>
			<!-- Services End -->
			
			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>
			
			<!-- Showcase Start -->
			<div class="row text-center showcase">
				<div class="col-sm-8 col-sm-offset-2">
					<h2>Our Latest Products</h2>
					<p>We’re sharing some of our favorites products here in an ongoing series.Check out the rest of our Products in the Our products page.</p>
				</div>
			</div>
			<div class="row text-center row-margin">
				<div id="showcase" class="owl-carousel">
					<div>
						<div class="item">
							<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
									
									<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
							<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
									<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
								<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
										<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
							<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
									<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
							<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
									<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
						<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
										<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
							<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
										<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
					<div>
						<div class="item">
							<img src="images/product1.jpg" alt="" />
							<div class="hover">
								<ul>
										<li class="view-website"><a href="shop.html"><i class="fa fa-link fa-2x"></i></a></li>
								</ul>
								<p>COSINE black currant drink
Size: 1kg/20unite | Country:TAIWAN 
price:29.99</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row text-center">
				<a href="shop.html" class="btn btn-primary btn-lg">View All Products</a>
			</div>
			<!-- Showcase End -->

			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>

			<!-- About Us Start -->
			<div class="row about">
				<div class="col-sm-6">
					<h2>About Us</h2>
					<p>Lord Ford offers customers more than 20,000 products, consisting of national brands as well as its own exclusive brands, in all broad line distribution categories - dairy, fresh and frozen meats, frozen foods, produce, poultry, seafood, disposables, and restaurant equipment and supplies. We have a wide-ranging customer base including, white tablecloth and casual dining restaurants, hotels, schools, healthcare and other institutional food distribution facilities.Our customers have many challenges in today's tough economic food service environment, and Lord Ford has choices and ideas available to help grow their business and become successful partners. We believe that our customers' success is our success.</p>
					<p><a href="about.html" class="btn btn-primary btn-lg">More about us</a></p>
				</div>
				<div class="col-sm-6">
					<h2>Core Values</h2>
					<div class="row">
						<div class="col-xs-2 brand-primary">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-heart fa-stack-1x fa-inverse"></i>
							</span>
						</div>
						<div class="col-xs-10 text-left">
							<h5>Built with passion</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus et gravida imperdiet. Etiam eget congue mauris. Pellentesque eu congue elit. Fusce nunc felis, interdum id libero vel, dapibus.</p>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-2 brand-primary">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-gears fa-stack-1x fa-inverse"></i>
							</span>
						</div>
						<div class="col-xs-10 text-left">
							<h5>Loaded with option</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus et gravida imperdiet. Etiam eget congue mauris. Pellentesque eu congue elit. Fusce nunc felis, interdum id libero vel, dapibus.</p>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-2 brand-primary">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-wrench fa-stack-1x fa-inverse"></i>
							</span>
						</div>
						<div class="col-xs-10 text-left">
							<h5>Extremely Useful</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus et gravida imperdiet. Etiam eget congue mauris. Pellentesque eu congue elit. Fusce nunc felis, interdum id libero vel, dapibus.</p>
						</div>
					</div>
				</div>
			</div>
			<!-- About Us End -->
			
			
			

		

			
			
		</div>

		<!-- Icons Start -->
		<div class="icons">
			<div class="container">
				<div class="tint"></div>
				<div class="row text-center">
					<div class="col-sm-12">
						<h2>Just in case if you need any help</h2>
						<p>There is few ways to contact us.</p>
					</div>
				</div>
				<div class="row text-center">
					<div class="col-xs-3">
						<a href="#">
							<span class="icons-circle">
								<i class="fa fa-shopping-cart fa-3x fa-inverse"></i>
							</span>
							Presale Questions
						</a>
					</div>
					<div class="col-xs-3">
						<a href="#">
							<span class="icons-circle">
								<i class="fa fa-comments fa-3x fa-inverse"></i>
							</span>
							Theme Comments
						</a>
					</div>
					<div class="col-xs-3">
						<a href="#">
							<span class="icons-circle">
								<i class="fa fa-envelope fa-3x fa-inverse"></i>
							</span>
							Email Support
						</a>
					</div>
					<div class="col-xs-3">
						<a href="#">
							<span class="icons-circle">
								<i class="fa fa-users fa-3x fa-inverse"></i>
							</span>
							Support Forum
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- Icons End -->

		<!-- Prefooter Start -->
		<div class="prefooter">
			<div class="container">
			
			
				<div class="row">
				
					<div class="col-sm-4 footer-photos">
						<h5>General information</h5>
						<ul>
							<img src="images/warehouseFoot.jpg" alt="" />
						</ul>
						<div class="clear"></div>
					</div>
					
					
					
				
					
					<div class="col-sm-4 footer-photos">
						<h5>-</h5>
						<ul>
							<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?q=1493+Rue+Antonio-barbeau,+Montr%C3%A9al&amp;layer=c&amp;sll=45.531883,-73.656101&amp;cbp=13,166.3,,0,6.08&amp;cbll=45.531879,-73.655957&amp;hl=en&amp;ie=UTF8&amp;hq=&amp;hnear=1493+Rue+Antonio+Barbeau,+Montr%C3%A9al,+Qu%C3%A9bec+H4N+2R5&amp;ll=45.531883,-73.656101&amp;spn=0.006802,0.009645&amp;t=m&amp;z=14&amp;panoid=KJo1UPg0sSYnQa61rgt6Hw&amp;source=embed&amp;output=svembed"></iframe><br /><small><a href="https://maps.google.ca/maps?q=1493+Rue+Antonio-barbeau,+Montr%C3%A9al&amp;layer=c&amp;sll=45.531883,-73.656101&amp;cbp=13,166.3,,0,6.08&amp;cbll=45.531879,-73.655957&amp;hl=en&amp;ie=UTF8&amp;hq=&amp;hnear=1493+Rue+Antonio+Barbeau,+Montr%C3%A9al,+Qu%C3%A9bec+H4N+2R5&amp;ll=45.531883,-73.656101&amp;spn=0.006802,0.009645&amp;t=m&amp;z=14&amp;panoid=KJo1UPg0sSYnQa61rgt6Hw&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
						</ul>
						<div class="clear"></div>
					</div>
					
					
					
					<div class="col-sm-4 footer-contact">
						<h5>-</h5>
						<ul>
							<li>
								<address>
									<i class="fa fa-map-marker"></i>
									<p>
										<span>Address:</span>
										<br>1493 Rue Antonio-barbeau
										<br>Montréal, Canada, QC  H4N 2R5
									</p>
								</address>
							</li>
							<li>
								<i class="fa fa-phone"></i>
								<p><span>Phone:</span>  (514) 381-9898</p>
							</li>
							<li>
								<i class="fa fa-print"></i>
								<p><span>Fax:</span>  (514) 381-2018</p>
							</li>
							<li>
								<i class="fa fa-envelope"></i>
								<p><span>Email:</span> <a href="mailto:name@domain.com">name@domain.com</a></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Prefooter End -->

		<!-- Footer Start -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						&copy; 2014 Lord Ford. Web Design &amp; Development by <a href="#" target="_blank">The Mj Web Solutions</a>.
					</div>
					<div class="col-sm-6">
						<ul>
							<li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
							<li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
							<li><a href="http://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="http://tumblr.com/" target="_blank"><i class="fa fa-tumblr"></i></a></li>
							<li><a href="http://dribbble.com/" target="_blank"><i class="fa fa-dribbble"></i></a></li>
							<li><a href="http://xing.com/" target="_blank"><i class="fa fa-xing"></i></a></li>
							<li><a href="http://youtube.com/" target="_blank"><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<!-- Footer Start -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="http://code.jquery.com/jquery.js"></script>

		<!-- Bootstrap Plugins -->
		<script src="js/bootstrap.min.js"></script>

		<!-- Retina Plugin -->
		<script src="js/retina-1.1.0.min.js"></script>

		<!-- Slider Revolution Plugins -->
		<script src="js/jquery.themepunch.plugins.min.js"></script>
		<script src="js/jquery.themepunch.revolution.js"></script>

		<!-- Slider Revolution Settings -->
		<script src="js/settings-revolution.js"></script>

		<!-- Owl Carousel Plugin -->
		<script src="js/owl.carousel.js"></script>

		<!-- Fancybox Plugin -->
		<script src="js/jquery.fancybox.js"></script>

		<!-- Home Page Settings -->
		<script src="js/settings-home.js"></script>

	</body>
</html>